<template>
	<view>
		<view class="assets">
			<view class="assets-left">
				<view class="left1">资产余额（元）</view>
				<view class="left2">12.122.122.11</view>
				<view class="left3">总资产：12.122.122.11</view>
			</view>			
			<view class="assets-right">
				<text>转出余额</text>
			</view>
		</view>
		<view class="assets-cen">
			<view class="aa-cen">
				<view class="cen-left" @click="goBalance()">
					<view class="text">余额</view>
					<view>1200.00</view>
				</view>
				<view class="cen-left" @click="orderRevenue()">
					<view class="text">订单收入</view>
					<view>1200.00</view>
				</view>
			</view>
			<view class="aa-cen">
				<view class="cen-left">
					<view class="text">平台奖励</view>
					<view>1200.00</view>
				</view>
				<view class="cen-left">
					<view class="text">推广佣金</view>
					<view>1200.00</view>
				</view>
			</view>
			<view class="aa-cen">
				<view class="cen-left">
					<view class="text">美豆</view>
					<view>1200.00</view>
				</view>
				<view class="cen-left">
					<view class="text">保证金</view>
					<view>1200.00</view>
				</view>
			</view>
		</view>
		<view class="settlement">
			<view class="yin">
				<view style="padding: 30rpx 0;border-bottom: 1rpx solid #eee;font-size: 32rpx;color: #000000;font-weight: bold;">结算信息</view>
				<view style="padding: 30rpx 0;display: flex;align-items: center;justify-content: space-between;">
					<view class="ka_left" >
						<image src="/static/ka_03.png" mode=""></image>
						<text>银行卡</text>
					</view>
					<view class="bang">
						<text>已绑定</text>
						<u-icon name="arrow-right" color="#ccc" size="23"></u-icon>
					</view>
					
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			// 余额
			goBalance(){
				uni.navigateTo({
					url:'./balance'
				})
			},
			// 订单收入
			orderRevenue(){
				uni.navigateTo({
					url:'./orderRevenue'
				})
			}
		}
	}
</script>
<style>
	page{
		background-color: #eee;
	}
</style>
<style lang="scss">
	.assets{
		padding: 25rpx;
		background-color: #00c6c2;
		display: flex;
		
		justify-content: space-between;
		
		.assets-left{
			width: 70%;
			color:  #fff; 
			
			.left1{
				font-size: 30rpx;
			}
			.left2{
				font-size: 40rpx;
				padding: 15rpx 0;
			}
			.left3{
				font-size: 20rpx;
			}
			
		}
		.assets-right{
			width: 30%;
			color: #fff;
			font-size: 22rpx;
			text-align: center;
		}
	}
	.assets-cen{
		padding: 20rpx;
		
		.aa-cen{
			padding: 20rpx;
			background-color: #fff;
			border-bottom: 1rpx solid #EEEEEE;
			display: flex;
			
			.cen-left{
				width: 50%;
				
				view{
					color:  #ccc;
					font-size: 24rpx;
				}
				.text{
					color:  #000000;
					margin-bottom: 10rpx;
				}
				
			}
		}
	}
	.settlement{
		padding:38rpx 25rpx 0 25rpx;
		
		.yin{
			padding: 0 18rpx ;
			background-color: #fff;
			.ka_left{
				color:#000000;font-size: 28rpx;
				display: flex;
				align-items: center;
				
				image{
					width: 34rpx;
					height: 27rpx;
				}
				text{
					margin-left: 10rpx;
				}
			}
			.bang{				
				font-size: 24rpx;
				font-family: PingFang;
				font-weight: 500;
				color: #B4B4B4;
			}
		}
	}
</style>
